<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!doctype html>
<html>
<head>
<!-- Basic Page Needs -->
<meta charset="utf-8">
<title>关于会员</title>
<meta name="description" content="A Template by Gozha.net">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="Gozha.net">

<!-- Mobile Specific Metas-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta content="telephone=no" name="format-detection">

<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<link rel="stylesheet" type="text/css" href="css/dmaku.css">
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/jquery-progress.js" type="text/javascript"></script>
	<!-- Fonts -->
	<!-- Font awesome - icon font -->
	<link
		href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css"
		rel="stylesheet">
	<!-- Roboto -->
	<link href='http://fonts.useso.com/css?family=Roboto:400,700'
		rel='stylesheet' type='text/css'>

	<!-- Stylesheets -->
	
	<!-- Mobile menu -->
	<link href="css/gozha-nav.css" rel="stylesheet" />
	<!-- Select -->
	<link href="css/external/jquery.selectbox.css" rel="stylesheet" />
	<link href="css/style-before.css?v=1" rel="stylesheet" />
	<!-- Custom -->
	<link href="css/style.css?v=1" rel="stylesheet" />

	<link rel="stylesheet" href="layui/css/layui.css" media="all">
	<script src="layui/layui.js" charset="utf-8"></script>

	<!-- Modernizr -->
	<script src="js/external/modernizr.custom.js"></script>
	<script type="text/javascript" src="js/jquerysession.js"></script>

</head>

<body>
	<div class="wrapper">
		<!-- Banner -->
		<jsp:include page="header.jsp"></jsp:include>
		<div style="height: 150px;"></div>
		<!--会员-->
		<div class="waic progress"></div>

		<c:if test="${integral==null}">
			<input type="hidden" id="grades" value="0">
		</c:if>
		<c:if test="${integral!=null}">
			<input type="hidden" id="grades" value="${integral}">
		</c:if>

		
		<script type="text/javascript">
				$(function() {
					var geshu = $(".djwai").children(".dengji").length;
					// alert(geshu);
					var wid = $(".djwai").width() / geshu / 2;
					// alert(wid);
					var widt = wid + "px";
					// alert(widt);
					$(".xianpa").css({
						"padding-left": widt,
						"padding-right": widt
					});
					$(".yixif").css({
						"padding-left": widt,
						"padding-right": widt
					});
				});

				$(".progress").startProgress({
					"nodes": [{
							"name": "游客",
							"money": 0
						},
						{
							"name": "初级会员",
							"money": 0
						},
						{
							"name": "中级会员",
							"money": 1000
						},
						{
							"name": "高级会员",
							"money": 6666
						},
						{
							"name": "至尊会员",
							"money": 10000
						}
					],
					"hasPay": $("#grades").val()
				
				});
			</script>
		<!-- Pricing tables -->
		<div class="content-wrapper">

			<!-- Price table -->
			<div class="col-sm-6 col-md-3">
				<!-- Price table standard-->
				<div class="price">
					<div class="price-inner">
						<header>
							<p class='price__package'>初级会员</p>
							<p class="price__value">99折</p>
						</header>
						<!-- end price table header-->
						<div>
							<ul class="feather-wrapper">
								<li class="price__feather">注册即得</li>
								<li class="price__feather">购票享99折优惠</li>
							</ul>
						</div>
					</div>
					<!-- end price table inner-->
				</div>
				<!-- end price table-->
			</div>

			<!-- Price table -->
			<div class="col-sm-6 col-md-3">
				<!-- Price table advanced-->
				<div class="price">
					<div class="price-inner">
						<header>
							<p class='price__package'>中级会员</p>
							<p class="price__value">95折</p>
						</header>
						<!-- end price table header-->
						<div>
							<ul class="feather-wrapper">
								<li class="price__feather">积分达到1000可升级</li>
								<li class="price__feather">购票享95折优惠</li>
							</ul>
						</div>
					</div>
					<!-- end price table inner-->
				</div>
				<!-- end price table-->
			</div>

			<!-- Price table -->
			<div class="col-sm-6 col-md-3">
				<!-- Price table premium-->
				<div class="price">
					<div class="price-inner">
						<header>
							<p class='price__package'>高级会员</p>
							<p class="price__value">85折</p>
						</header>
						<!-- end price table header-->
						<div>
							<ul class="feather-wrapper">
								<li class="price__feather">积分达到6666可升级</li>
								<li class="price__feather">购票享85折优惠</li>
							</ul>
						</div>
					</div>
					<!-- end price table inner-->
				</div>
				<!-- end price table-->

			</div>

			<!-- Price table -->
			<div class="col-sm-6 col-md-3">
				<!-- Price table guru-->
				<div class="price price--gold">
					<div class="price-inner">
						<header>
							<p class='price__package'>至尊会员</p>
							<p class="price__value">75折</p>
						</header>
						<!-- end price table header-->
						<div>
							<ul class="feather-wrapper">
								<li class="price__feather">积分达到10000可升级</li>
								<li class="price__feather">购票享75折优惠</li>
							</ul>
						</div>
					</div>
					<!-- end price table inner-->
				</div>
				<!-- end price table-->

			</div>
		</div>

		<div class="clearfix"></div>

		<div style="height: 172px;"></div>
		<jsp:include page="footer.jsp"></jsp:include>
	</div>
	
 		<jsp:include page="LoginAndRegister.jsp"></jsp:include>
 		
		
		<!-- JavaScript-->
		<!-- jQuery 1.9.1-->
		<script
			src="http://ajax.useso.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
		<script>
				window.jQuery || document.write('<script src="js/external/jquery-1.10.1.min.js"><\/script>')
			</script>
		<!-- Migrate -->
		<script src="js/external/jquery-migrate-1.2.1.min.js"></script>
		<!-- Bootstrap 3-->
		<script
			src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script>
		<!-- jQuery REVOLUTION Slider -->
		<script type="text/javascript"
			src="rs-plugin/js/jquery.themepunch.plugins.min.js"></script>
		<script type="text/javascript"
			src="rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
		<!-- Mobile menu -->
		<script src="js/jquery.mobile.menu.js"></script>
		<!-- Select -->
		<script src="js/external/jquery.selectbox-0.2.min.js"></script>

		<!-- Form element -->
		<script src="js/external/form-element.js"></script>
		<!-- Form validation -->
		<script src="js/form.js"></script>
		
		<script type="text/javascript" src="js/jquery.cookie.js"></script>

		<!-- Custom -->
		<script src="js/custom.js"></script>
		<script src="js/customf.js"></script>
		
		<jsp:include page="JudegeLogin.jsp"></jsp:include>
		<script type="text/javascript">
			$(document).ready(function() {
				init_Home();
			});
		</script>
		
		
</body>
</html>
